/* reset.csss */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

ul {list-style: square; list-style-position:inside;}

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { 
  font-size: 75%;
  color: #222; 
  background: #fff;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}

/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; margin: 0; padding: 0; }

h1 { font-size: 3em; line-height: 1; margin-top: 0.75em; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-top: 0.75em; margin-bottom: 0.75em;}
h3 { font-size: 1.5em; font-weight: bold; line-height: 1; }
h4 { font-size: 1.2em; font-weight: bold; line-height: 1.25; }
h5 { font-size: 1em; font-weight: bold; color: #999; margin:0 0 0 1em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}

/* tab */
.t1, .t2, .t3, .t4, .t5 {
	margin-left:30px;
}

.header .title { position:relative; }
.header .title .version { position:absolute; right:0px; bottom:0px; font-size:12px; }
.body h3, .demo h3 { border-left:5px solid #0075c8; padding-left:5px; margin:50px 0px 20px 0px; }
.demo ol { list-style:none; float:left; }
.demo ol li { text-align:right; width:200px; margin:10px; }
.demo ol li a { padding:3px 0; }
.demo ol li a:link, .demo ol li a:visited, .demo ol li a:active { text-decoration:none; color:#000; }
.demo ol li a:hover {
	text-decoration:underline;
}

.demo ol li.selected {
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding:3px 8px;
	margin:5px 0 0 0;
	background-color:#0075c8; /*#009e25;*/
	font-weight:bold;
	text-decoration:none;
}
.demo ol li.selected a {
	color:#fff;
}

.demo .iframe_container {
	position:relative;
	margin-left:220px;
	border:1px solid #aaa;
	background-color:#ccc;
	float:clear;
	line-height:0;
}

.demo .iframe_container iframe{
	width:100%;
	height:350px;
}

.demo #iframe_resizebar {
	cursor:ns-resize;
	height:7px;
	overflow:hidden;
	line-height:0;
}
.demo .desc {
	margin:10px 0 0 220px;
}

.body h4 {
	margin:30px 0px 10px 0px;	
}

.body h5 {
	margin:10px 0px;	
}

.body dt {
	margin:15px 0px 5px 0px;
	font-weight:bold;
}

.body table {
}

.body table * {
}

.body table ul {
	/*list-style:none;*/
}

.body table.option, .body table.customevent, .body table.method { border:1px solid #aaa; width:790px; }
.body table.option th, .body table.customevent th, .body table.method th { background-color:#eee; border-bottom:3px solid #ccc; font-weight:bold; padding:10px; }
.body table.option td, .body table.customevent td, .body table.method td { vertical-align:top; padding:10px 20px 15px 10px; }
.body table.option tr td { border-bottom:1px solid #eee; }
.body table.option tr td.name, .body table.customevent tr td.name, .body table.method tr td.name { font-weight:bold; font-size:110%; color:#0075C8; white-space:nowrap; }

.deprecated { color:#aaa !important; }

.body table.method a:link, .body table.method a:visited { text-decoration:underline; color:#000; }
.body table.method a:active { text-decoration:none; color:#000; }
.body table.method a:hover { color:#000; color:#0075C8; text-decoration:underline; }
.body table.method tr.title { cursor:pointer; }
.body table.method tr.title td.name .static { color:#aaa; }
.body table.method tr.title:hover { background-color:#f0f0f0; }
.body table.method tr.title td { border-bottom:1px solid #eee; }
.body table.method tr.desc { display:none; }
.body table.method tr.constructor_title td { border-bottom:2px solid #ccc; }
.body table.method tr.constructor_title td.name { font-size:130%; text-align:center; vertical-align:middle; }
.body table.method tr.constructor_title td.name .constructor { font-size:80%; color:#333; }
.body table.method ul { list-style:none; }
.body table.customevent tr.title { cursor:pointer; }
.body table.customevent tr.desc { display:none; }
.body table.customevent tr.title:hover { background-color:#f0f0f0; }

.body table.option tr.title td { border-bottom:1px solid #eee; }
.body table.customevent tr.title td { border-bottom:1px solid #eee; }
.body table.customevent tr.desc td, .body table.method tr.desc td { border-bottom:1px solid #eee; font-size:90%; font-style:italic; }

.body table.effect { border:1px solid #aaa; width:790px; }
.body table.effect th { background-color:#eee; border-bottom:3px solid #ccc; font-weight:bold; padding:10px; }
.body table.effect td { vertical-align:top; padding:10px 10px 15px 10px; }
.body table.effect tr td { }
.body table.effect tr td.name { font-weight:bold; font-size:110%; color:#0075C8; white-space:nowrap; }
.body table.effect tr.desc td { border-bottom:1px solid #eee; }

.body table table.inner_table { border:0; }


.body pre {
	margin:0;
}

.hidden {
	display:none;
}

iframe { 
	width:100%; 
	height:100%; 
	background-color:#fff; 
}

.buttons {
	text-align:right;
	margin-top:10px;
}

